<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf8">
        <title>Untitled Document</title>
        <link type="text/css" href="../jquery/css/custom-theme/jquery-ui-1.7.2.custom.css" rel="stylesheet" />  
        <script type="text/javascript" src="../jquery/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="../jquery/js/jquery-ui-1.7.2.custom.min.js"></script>
        <script type="text/javascript" src="../jquery/plugins/myShadow/ui.shadow.js"></script>
        
        <script type="text/javascript">
            $(document).ready(
             function(){
                 $("#div1").shadow();
                 $("#divv").draggable();
             }
            );
        </script>
    </head>
    <body>
        <div id="divv" >
          <div id="div1" class="ui-widget ui-widget-content ui-corner-all" style="width:300px;height:300px;top:100px;left:200px;position:absolute;background-color:#fff0ff;"></div>
        </div>
    </body>
</html>